<template>
	<div class="fabiao" >
		<span><img src="../../img/cencle.png" alt="" @click="goxiangqing"></span>
		<span><img src="../../img/coffeeicon.png" alt=""><img src="../../img/矩形@1x.png" alt=""><img src="../../img/+@1x.png" alt=""></span>
		<p>填写标题会有更多的赞哦~</p>
		<div>添加正文</div>
		<div class="divChildren" >添加地址></div>
		<button >发布笔记</button>
		
	</div>
</template>

<script>
	export default{
		methods:{
			goxiangqing(){
				this.$router.go(-1)
			}
		}
	}
</script>

<style lang="less"scoped="scoped">
	.fabiao{
		text-align: left;
		button{
			margin-top: 200px;
			margin-left: 20px;
			width: 90%;
			height: 32px;
			line-height: 20px;
			border-radius: 21px;
			background-color: rgba(255, 0, 0, 75);
			color: rgba(16, 16, 16, 50);
			font-size: 14px;
			text-align: center;
			font-family: Arial;
			border: 1px solid rgba(187, 187, 187, 100);
		}
		div:nth-child(4){
			width: 100%;
			height: 200px;
			overflow: auto;
			border-top: 1px solid lightgray;
			border-bottom: 1px solid lightgray;
			padding-top: 10px;
			box-sizing: border-box;
			font-size: 14px;
			color: lightslategray;
		}
		.divChildren{
			
			border-top: 1px solid lightgray;
			border-bottom: 1px solid lightgray;
			padding: 20px 0 20px 20px;
			box-sizing: border-box;
			background: url(../../img/dingwei.png) no-repeat left center;
		}
		padding: 4px 15px 0;
		box-sizing: border-box;
		p{padding: 10px 0;color: lightslategray;}
		span{
			display: block;
		}
		span:nth-child(1){
			box-sizing: border-box;
		}
		span:nth-child(2){
			position: relative;
			padding: 40px 0 20px 0;
			box-sizing: border-box;
			img{
				margin-right: 20px;
			}
			img:nth-child(3){
				position: absolute;
				left: 144px;
				top: 55px;
			}
		}
	}
</style>
